<template>
  <div class="ship-container">
    <header>
      <span class="lastpage" @click="$router.go(-1)">&lt;</span>
      <span class="txt">我的收货地址</span>
      <span class="txt" style="float:right">新增</span>
    </header>
    <ul class="list">
      <li>
        <dl>
          <dt><img src="../assets/images/location.png" alt=""></dt>
          <dd class="teshu" style="margin-top: 10px">
            <span style="font-weight: 700">aaa</span>
            <span style="color: #ccc">130333333</span>
            <div style="margin-top: 10px; font-size: 12px" class="address"><span id="moren">默认</span>辽宁省 沈阳市 铁西区</div>
          </dd>
          <dd class="bianji" style="margin-top: 30px"><span>编辑</span></dd>
        </dl>
      </li>
      <li>
        <dl>
          <dt><img src="../assets/images/location.png" alt=""></dt>
          <dd class="teshu" style="margin-top: 10px">
            <span style="font-weight: 700">哈哈</span>
            <span style="color: #ccc">1879523487</span>
            <div style="margin-top: 10px; font-size: 12px" class="address">四川省 成都市 锦江区</div>
          </dd>
          <dd class="bianji" style="margin-top: 30px"><span>编辑</span></dd>
        </dl>
      </li>
      <li>
        <dl>
          <dt><img src="../assets/images/location.png" alt=""></dt>
          <dd class="teshu" style="margin-top: 10px">
            <span style="font-weight: 700">旺达</span>
            <span style="color: #ccc">1579981321</span>
            <div style="margin-top: 10px; font-size: 12px" class="address">北京市 东城区</div>
          </dd>
          <dd class="bianji" style="margin-top: 30px"><span>编辑</span></dd>
        </dl>
      </li>
      <li>
        <dl>
          <dt><img src="../assets/images/location.png" alt=""></dt>
          <dd class="teshu" style="margin-top: 10px">
            <span style="font-weight: 700">张三</span>
            <span style="color: #ccc">1877777777</span>
            <div style="margin-top: 10px; font-size: 12px" class="address">四川省 崇州市 铁西区</div>
          </dd>
          <dd class="bianji" style="margin-top: 30px"><span>编辑</span></dd>
        </dl>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {}
  },
  methods: {}
}
</script>

<style lang="less" scoped>
.ship-container {
  header {
    text-align: center;
    padding: 15px 20px;
    margin-bottom: 20px;
    border-top: 1px solid #f1f3f7;
    border-bottom: 1px solid #f1f3f7;
    .lastpage {
      float: left;
      color: #2f9afb;
      font-size: 25px;
    }
    .txt {
      font-size: 18px;
    }
  }
  .list {
    #moren {
      color: #f9590a;
      padding: 2px 5px;
      background-color: #fff2ec;
    }
    padding: 10px;
    li {
      border-bottom: 1px solid #ccc;
      margin-bottom: 5px;
      padding-bottom: 20px;
    }
    li dl {
      display: flex;
      img {
        width: 50%;
      }
      .teshu {
        width: 60%;
      }
    }
  }
}
</style>